<template>
	<div>
        <div class="ud-app-loader ud-component--header-v6--header udlite-header" data-module-id="common/udlite/desktop" data-module-args="{&quot;isInstructorSignupEnabled&quot;:false,&quot;isLoggedIn&quot;:false,&quot;tryUFBPlacements&quot;:{&quot;bar&quot;:&quot;ufb_header&quot;,&quot;profile&quot;:&quot;account-menu&quot;,&quot;mobile&quot;:&quot;ufb_header&quot;},&quot;mobileAppLink&quot;:{&quot;url&quot;:&quot;/mobile/&quot;},&quot;searchPhrase&quot;:null}" data-module-priority="-10"><div data-unique-id="339" style="display:none"></div>

    <div class="udlite-text-sm header--header--3sK1h header--flex-middle--2Xqjv" data-purpose="header"><div class="skip-to-content-button--skip-to-content--1MoIi"><button type="button" class="udlite-btn udlite-btn-large udlite-btn-primary udlite-heading-md skip-to-content-button--skip-to-content-btn--3Uakj"><span aria-hidden="true" class="skip-to-content-button--skip-to-content-shadow--eBW6V"></span><span style="margin:0">跳转至目录</span></button></div><a href="/" class="header--flex-middle--2Xqjv header--logo--bdAod"><img src="../assets/static/picture/logo-coral.svg" alt="Udemy" width="110" height="32" /></a><nav class="header--gap-button--3bIww popper--popper--19faV popper--popper-hover--4YJ5J">
        <span class="udlite-text-sm header--dropdown-button-text--2jtIM">类别</span>
    </nav>


    <div class="udlite-search-form-autocomplete header--search-bar--1_mS0 udlite-form-group"><label class="udlite-sr-only udlite-form-label udlite-heading-sm" for="u339-search-form-autocomplete--3">搜索任何内容</label>

        <input placeholder="搜索任何内容" name="q" autoComplete="off" value="" id="u339-search-form-autocomplete--3" class="udlite-text-input udlite-text-input-small udlite-text-sm udlite-search-form-autocomplete-input js-header-search-field" /></div>
		    <div v-if="username!=null" @click="tiao">
				欢迎您:{{username}}  <van-button @click="logout">注销</van-button><van-button @click="putpassword">修改密码</van-button>
				<van-image v-if="photos!=null" round width='5rem' height='5rem' :src="photos" />
			</div>
    
			<div v-else><router-link to='/mylogin'>登录</router-link>/<router-link to='/myreg'>注册</router-link></div>
		<div style="flex:1"></div></div>

    </div>




	</div>
</template>

<script type="text/javascript">
	export default{
		data(){
			return{
				username:"",
				photos:'',

			}
		},
		mounted:function(){
			  // 判断是否登录
  			var uname=localStorage.getItem('username')

			if(uname==null){
				this.username=null
			}else{
				this.username=uname
				this.photos=localStorage.getItem('photos',null)
			}
		},
		//自定义方法
		methods:{

			submit:function(){

				//请求后端接口
				this.axios.post('http://localhost:8000/register/',this.qs.stringify({username:this.username})).then((res) =>{

					console.log(res);

					this.$message.info(res.data.message);

				});
			},
			// 注销
			logout:function(){
				localStorage.removeItem('username')
				localStorage.removeItem('token')
				this.$router.push('/mylogin')
			},
			putpassword(){
				let parm=new FormData()
				let token=localStorage.getItem('token')
				parm.append('token',token)
				let password=prompt('请输入要修改的密码')
				parm.append('password',password)
				this.axios.put('http://localhost:8000/login/',parm).then((response)=>{
					this.$toast(response.data.msg)
				}).catch((response)=>{
					this.$toast(response.data.msg)
				})
			},
			tiao(){
				this.$router.push({name:'myhome'})
			},
			
		}


	};



</script>

<style type="text/css">


</style>
